google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2023-12-27',349686,182,131,null,null],
['2023-12-28',349686,179,null,null,null],
['2023-12-29',353450,null,null,null,null],
['2023-12-30',353450,null,151,null,null],
['2023-12-31',354057,null,163,null,null],
['2024-01-01',354057,200,null,null,null],
['2024-01-02',354057,null,200,null,null],
['2024-01-03',354057,null,null,null,null],
['2024-01-04',354057,null,null,null,null],
['2024-01-05',354057,null,null,null,null],
['2024-01-06',354057,null,142,null,null],
['2024-01-07',354057,null,124,null,null],
['2024-01-08',357733,190,147,null,null],
['2024-01-09',359319,181,null,null,null],
['2024-01-10',359319,182,null,null,null],
['2024-01-11',359319,199,null,null,null],
['2024-01-12',359980,187,null,null,null],
['2024-01-13',359980,180,null,null,null],
['2024-01-14',359980,172,null,null,null],
['2024-01-15',361126,null,null,null,null],
['2024-01-16',361479,null,null,null,null],
['2024-01-17',361479,null,null,null,null],
['2024-01-18',361687,null,null,null,null],
['2024-01-19',361687,null,null,null,null],
['2024-01-20',362114,null,null,null,null],
['2024-01-21',362114,null,null,null,null],
['2024-01-22',362114,null,null,null,null],
['2024-01-23',362114,null,null,null,null],
['2024-01-24',362192,null,null,null,null],
['2024-01-25',362192,null,null,null,null],
['2024-01-26',363726,null,null,null,null],
['2024-01-27',363726,null,null,null,null],
['2024-01-28',363726,null,null,null,null],
['2024-01-29',363726,null,null,null,null],
['2024-01-30',364769,null,null,null,null],
['2024-01-31',365938,null,null,null,null],
['2024-02-01',366172,null,null,null,null],
['2024-02-02',366596,null,null,null,null],
['2024-02-03',366886,null,null,null,null],
['2024-02-04',367113,null,null,null,null],
['2024-02-05',367113,null,null,null,null],
['2024-02-06',367113,null,null,null,null],
['2024-02-07',367756,null,null,null,null],
['2024-02-08',368037,null,null,null,null],
['2024-02-09',368147,null,null,null,null],
['2024-02-10',368407,null,null,null,null],
['2024-02-11',368609,null,null,null,null],
['2024-02-12',368908,null,null,null,null],
['2024-02-13',369155,null,null,null,null],
['2024-02-14',369409,null,null,null,null],
['2024-02-15',369537,null,null,null,null],
['2024-02-16',369537,null,null,null,null],
['2024-02-17',369537,null,null,null,null],
['2024-02-18',369537,null,null,null,null],
['2024-02-19',369537,null,null,null,null],
['2024-02-20',370852,null,null,null,null],
['2024-02-21',371122,null,null,null,null],
['2024-02-22',371269,null,null,null,null],
['2024-02-23',371269,null,null,null,null],
['2024-02-24',371534,null,null,null,null],
['2024-02-25',372153,null,null,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:250}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});